import React, { useEffect, useState } from 'react';
import { Form, Col, Space, Input, Select, Button, Radio, DatePicker, Table, Card, Modal } from 'antd';
// import GridLayout from 'react-grid-layout';
import _ from "lodash";
import styles from '../index.module.scss';

const Warningpending = ({ l }) => {
    const [open, setOpen] = useState(false);

    const showModal = (event) => {
        console.log('阻止拖拽按钮=',event)
        event.stopPropagation();
        setOpen(true);
    };
  
    const hideModal = () => {
      setOpen(false);
    };

    return <div>
        <div className={styles.icon}>
            <img src='' alt="" />
        </div>
        <div className={styles.title} >111</div>
        <div className={styles.newYj} style={{ marginBottom: 15 }}>
            新预警&nbsp;&nbsp;
            <span>000-{l.i}</span>
        </div>
        <div className={styles.daiCl}>
            待处理&nbsp;&nbsp;
            <span>222</span>
        </div>
        {/* <Button type="primary" onClick={showModal}> Modal</Button> */}
      <Modal
        title="Modal"
        open={open}
        onOk={hideModal}
        onCancel={hideModal}
        okText="确认"
        cancelText="取消"
      >
        <p>Bla bla ...</p>
        <p>Bla bla ...</p>
        <p>Bla bla ...</p>
      </Modal>
    </div>
}
export default Warningpending;